// 定义食物类
class Food {
    // 定义一个属性表示食物所对应的元素
    element: HTMLElement

    constructor() {
        // 获取页面中的food元素并将其赋值给element
        this.element = document.getElementById('food')!
    }

    // 获取食物坐标x
    get x() {
        return this.element.offsetLeft
    }

    // 获取食物坐标y
    get y() {
        return this.element.offsetTop
    }

    // 修改食物位置
    change() {
        // 生成随机位置
        // 食物的位置最小0，最大290,
        // 蛇移动一次为一格，一格大小10，食物坐标必须是整10
        let top = Math.round(Math.random() * 29) * 10
        let left = Math.round(Math.random() * 29) * 10
        this.element.style.left = left + 'px'
        this.element.style.top = top + 'px'
    }
}
export default Food